<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Welcome</title>
	<meta name="renderer" content="webkit">
	<link href="bootstarp/css/bootstrap.min.css" rel="stylesheet">
	<script src="bootstarp/js/html5shiv.min.js"></script>
	<script src="bootstarp/js/respond.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/xiaoguo.css"/>
	<script type="text/javascript">
	</script>
</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button data-target="#mycollspse" data-toggle="collapse" class="navbar-toggle collapsed">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand logo">Sun<span>Xin</span></a>
			</div>
			<div id="mycollspse" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#" class="active">主页</a></li>
				<li><a href="#">关于我</a></li>
				<li><a href="#">联系我</a></li>
			</ul>
		</div>
		</div>
	</nav>
	<div class="banner">
		<div class="video1">
			<video width="100%" height="" autoplay>
				<source src="video/video1.mp4" type="video/mp4"></source>
			</video>
		</div>
		<div class="col-md-6 motai">
			<div class="slider">
				<div class="caption">
					<div class="callbacks_container">
						<ul class="rslides" id="slider">
							<li><h1>拼搏 <br /><span>PINBO</span></h1></li>
							<li><h1>去拼搏 <span>QUPINBO</span></h1></li>
							<li><h1>超越 <br><span>CHAOYUE</span></h1></li>
							<li><h1>去超越 <br><span>QUCHAOYUE</span></h1></li>
							<li><h1>挥汗水<br><span>DUCIMUS</span></h1></li>
						</ul>	
						<h4>' 英雄 ' &nbsp;去&nbsp;超&nbsp;越&nbsp;!</h4>
						<a class="readmore" href="#">更多</a>
					</div>
				</div>
			</div>	
		</div>
		<div class="col-md-6 motai2">
			<div class="PersonalNote">
				<div class="shuoming">
					<h1>个人简介</h1>
					<p><span>姓名：</span>孙鑫鑫</p>
					<p><span>性别：</span>男</p>
					<p><span>学历：</span>大专</p>				
					<p><span>专业：</span>环境艺术设计</p>
					<p><span>手机：</span>15518078609</p>
					<p><span>应聘职位：</span>Web前段开发工程师</p>
					<hr style="border-top:1px solid #ED1C24;"/>
					<div class="tubiao">
						<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=100680394&site=qq&menu=yes"><img border="0" src="images/qq.png"/></a>
						<a target="_blank" href="http://weibo.com/p/1005055387534877/home?from=page_100505&mod=TAB&is_all=1#place"><img border="0" src="images/xinlangweibo.png" /></a>
						<a target="_blank" href="http://t.qq.com/sunkebkn8"><img border="0" src="http://cdn.sinacloud.net/sunxinxingerenjianli/sunxinxingerenjianli/images/tengxunweibo.png?KID=sina,2h3lkil5Wqs4yc6Da5YT&Expires=1472696159&ssig=lvYBYAtHTG"/></a>
						<a target="_blank" href="http://user.qzone.qq.com/100680394/infocenter?ptsig=d08wDln2BTIu6wPmh4bxM4-NaSL5moPpWhwQchYMpKY_"><img border="0" src="images/qqkongjian.png"/></a>
						<a id="weixin" href="#"><img border="0" src="images/weixin.png"/></a>
						<span>微信号：15518078609</span>
					</div>	
				</div>
			</div>
		</div>
	</div>
	<div id="kaishi">
		<h1>Hello HR!</h1>
	</div>
	<script src="bootstarp/js/jquery-1.11.3.js"></script>
	<script src="bootstarp/js/bootstrap.min.js"></script>
	<script src="js/responsiveslides.min.js"></script>
	<script>  
		$(function () {
			$("#slider").responsiveSlides({
				auto: true,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				pager: true,
			});
		});
		$("#weixin").click(function(e){
			e.preventDefault();
			$(".tubiao>span").fadeToggle("slow","linear");
		});
		$(document).ready(function(){
			$("#kaishi").animate({
			   display:'none'
			}, 1000);
		})
		
	</script>
</body>
</html>